<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北京百勤科技PCR实验课件系统</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>

<script type="text/javascript">
	function init(){
		
	}
	function menuChange(url){
		url = encodeURI(encodeURI(url));
		$(".content").empty();
		$(".content").load(url);
		
	}
</script>
</head>

<body onload="init()">
	<div class="cbox">
    	<div class="header">
        	<h2>北京百勤科技PCR实验课件系统</h2>
            <h1><a href="#" class="logo"></a></h1>
        </div>
        <div class="body">
        	<div class="main_menu">
            	<ul>
                	<li><a href="#">首页</a></li>
                    <li><a href="#">PCR实验原理</a></li>
                    <li><a href="#">PCR实验操作</a></li>
                    <li><a href="#">PCR实验仪器</a></li>
                    <li><a href="#">练习习题</a></li>
                    <li><a href="#">课外交流</a></li>
                    <li class="last"><a href="#">关于</a></li>
                </ul>
            </div>
            <div class="left_menu">
            	<ul class="first_class">
                	<li>
                    	<p class="title"><a href="#">PCR实验原理</a><span></span></p>
                    	<ul class="second_class">
                        	<li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/syyl.swf')">实验原理</a></li>
                        </ul>
                    </li>
                    <li>
                    	<p class="title"><a href="#">PCR实验操作</a><span></span></p>
                    	<ul class="second_class">
                        	<li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/wlyyqczlx.swf')">微量移液器操作练习</a></li>
                            <li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/lxj.swf')">离心机</a></li>
                        </ul>
                    </li>
                    <li>
                    	<p class="title"><a href="#">PCR实验仪器</a><span></span></p>
                        <ul class="second_class">
                        	<li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/PCR.swf')">PCR仪</a></li>
                        	<li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/PCRv9.2.swf')">PCRv9.2仪</a></li>
                            <li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/dyy.swf')">电泳仪</a></li>
                            <li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/wlyyq.swf')">微量移液器</a></li>
                            <li><a href="javascript:void(0)" onclick="menuChange('swf.jsp?swfName=swf/xyy.swf')">显影仪</a></li>
                        </ul>
                    </li>
                    <li>
                    	<p class="title"><a href="#">练习习题</a><span></span></p>
                        <ul class="second_class">
                        	<li><a href="javascript:void(0)" onclick="menuChange('/itembank/jsp/topic.jsp')">实验习题</a></li>
                        	<li><a href="javascript:void(0)" onclick="menuChange('/itembank/yuejuan/index.jsp')">教师阅卷</a></li>
                        </ul>
                    </li>
                    <li>
                    	<p class="title"><a href="#">课外交流</a><span></span></p>
                        <ul class="second_class">
                        	<li><a href="#">PCR仪</a></li>
                            <li><a href="#">PCR仪</a></li>
                            <li><a href="#">微量移液器</a></li>
                            <li><a href="#">PCR仪</a></li>
                        </ul>
                    </li>
                    <li>
                    	<p class="title"><a href="#">关于</a><span></span></p>
                        <ul class="second_class">
                        	<li><a href="#">PCR仪</a></li>
                            <li><a href="#">PCR仪</a></li>
                            <li><a href="#">微量移液器</a></li>
                            <li><a href="#">PCR仪</a></li>
                        </ul>
                    </li>
             		
                </ul>
            </div>
            <div class="content">
                <p class="local_position">当前位置：<a href="#">首页</a> 〉PCR实验原理</p>

            </div>
        </div>
        <div class="footer">北京百勤科技有限公司 版权所有 　COPY RIGHT 2001-2005 ALL RESERVED  传真：010-68236592　 E-mail：baiqin@baiqin.com.cn</div>
    </div>
</body>

<script type="text/javascript">
	var winHeight = $(window).height();
	var winWidth = $(window).width();
	var height_left_menu = $(".left_menu").css('height');
	var height_content = $(".content").css('height');
	$(".second_class").css('display','none');
	$(".first_class>li>ul").parent().find('.title').find('span').addClass('closed');
	function divResize() {
		$(".content").css({ 'min-height': $(window).height()-90,'width':$(window).width()-225 });
		if( height_left_menu > height_content){
			$(".content").css('height',height_left_menu);
		}else{
			$(".left_menu").css('height',height_content);
		}
	}
	divResize();
	$(window).resize(function(){
		divResize();
	})
	$(".title").toggle(function(){
		$(this).parent().find("ul").show();
		},function(){
			$(this).parent().find("ul").hide();
		});

</script>
</html>
